<template>
  <div id="he-plugin-simple"></div>
</template>
<script>
export default {
  created () {
    window.WIDGET = {
      "CONFIG": {
        "modules": "01234",
        "background": "5",
        "tmpColor": "000000",
        "tmpSize": "16",
        "cityColor": "000000",
        "citySize": "16",
        "aqiColor": "000000",
        "aqiSize": "16",
        "weatherIconSize": "24",
        "alertIconSize": "18",
        "padding": "10px 10px 10px 10px",
        "shadow": "0",
        "language": "auto",
        "fixed": "false",
        "vertical": "top",
        "horizontal": "left",
        "key": "f6bba9ced4b748c29e05ae712035c753"
      }
    }
    var script = document.createElement('script')
    script.type = 'text/javascript'
    script.src = "https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"
    document.getElementsByTagName('head')[0].appendChild(script)
  },
}

</script> 
<style lang="scss" scoped>
#he-plugin-simple {

  width: 200px;
  display: flex;
  justify-content: center;

  div {
    z-index: 9999 !important;
  }
}
</style>